<template>
  <div class="monitor">
    <el-row :gutter="12">
      <el-col :span="12">
        <stream-player />
      </el-col>
      <el-col :span="12">
        <stream-player />
      </el-col>
      <el-col :span="12">
        <stream-player />
      </el-col>
      <el-col :span="12">
        <stream-player />
      </el-col>
    </el-row>
  </div>
</template>

<script>
import StreamPlayer from './StreamPlayer'
export default {
  components: { StreamPlayer },
  data() {
    return {
      showDialog: false
    }
  },
  methods: {}
}
</script>

<style>
.monitor {
  padding: 0px 40px 20px;
}
</style>
